<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="{$Think.config.RESOURCEURL}wx_assets/css/common.css{$Think.config.RESOURCE_VER}" rel="stylesheet">
    <link href="{$Think.config.RESOURCEURL}wx_assets/dist/gmu.css{$Think.config.RESOURCE_VER}" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/zepto.1.1.3.min.js{$Think.config.RESOURCE_VER}"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/dist/gmu.min.js{$Think.config.RESOURCE_VER}"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/zepto.alert.js{$Think.config.RESOURCE_VER}"></script>
    <script src="{$Think.config.RESOURCEURL}wx_assets/js/util.js{$Think.config.RESOURCE_VER}" type="text/javascript"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
    <title>员工终端</title>
    <style>
        @font-face {
            font-family: 'iconfont';  /* project id 201523 */
            src: url('//at.alicdn.com/t/font_sym0ota7xs84zpvi.eot');
            src: url('//at.alicdn.com/t/font_sym0ota7xs84zpvi.eot?#iefix') format('embedded-opentype'),
            url('//at.alicdn.com/t/font_sym0ota7xs84zpvi.woff') format('woff'),
            url('//at.alicdn.com/t/font_sym0ota7xs84zpvi.ttf') format('truetype'),
            url('//at.alicdn.com/t/font_sym0ota7xs84zpvi.svg#iconfont') format('svg');
        }
        html{height:100%}
        body{
            background-repeat: no-repeat;
            background-size: cover;
            height:100%;
        }
        .iconfont{
            font-family:iconfont;
        }
        .container{
            padding:0 10px;
        }
        .container .title{
            overflow: hidden;
            line-height: 50px;
            padding: 15px 0;
            font-size: 16px;
            color: #333;
            border-bottom:1px solid rgba(255,255,255,.7)
        }
        .container .title>img{
            width: 50px;
            height: 50px;
            float: left;
            border-radius: 50%;
            border: solid 3px rgba(255,255,255,.8);
            box-sizing: border-box;
        }
        .container .title>h1{
            float: left;
            margin-left: 10px;
            color:white;
        }
        .container .title>span,.container .title>i{
            float: right;
            color: white;
        }
        .container .title>i{
            position: relative;
            top: 2px;
            margin-left:10px;
            color:#BB8549;
        }
        .container>ul{
            padding:0 10px;
        }
        .container>ul>li{
            width: 33.333%;
            display: inline-block;
        }
        .container>ul>li img{
            max-width: 60%;
            display: block;
            margin: 0 auto;

        }
        .container>ul>li>div{
            border-radius: 15px;
            height: 96px;
            width: 96px;
            box-shadow: 0 0 0 4px rgba(255,255,255,.5);
            margin: 20px auto;
            padding: 12px 0;
            text-align: center;
            font-size:16px;
            box-sizing: border-box;
            color:white;
            background-size: cover;
        }
        .container>ul>li>div{
            background-color: #FA353C;
        }
        .container>ul>li>div>span {
            padding-top: 50px;
            display: block;
        }
        .container>ul>li>div>i{
            font-size: 40px;
            display: block;
        }
        /* 头部 */
        header{
            width: 100vw;
            height: 60vw;
            overflow: hidden;
            display: flex;
            /* justify-content: center; */
            align-items: center;
            background-color: {$themeColor};
            background-image: url({$homePageImg});
            background-size: 100vw;
            
        }
        .face{
            padding: 1rem;
        }
        .face>.image{
            background: url({$headimgurl});
            background-color: {$themeColor};
            width: 5rem;
            height: 5rem;
            border-radius: 2.5rem;
            background-size: cover;
        }
        .info{
            color: #fff;
            font-size: 1.2rem;
            font-weight: bold;
            height: 5rem;
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
    </style>
</head>
<body>
    <header>
        <div class="face">
            <div class="image"></div>
        </div>
        <div class="info">
            <div>
                {$nickname} 
            </div>
            <!-- <if condition="$isSaleSource != 1">
                <div>
                    销售源
                </div>
            </if>             -->
        </div>    
    </header>
    <div class="container">
        <div class="title">
        </div>
        <ul>
            <foreach name="menuJson" item="item">
                <if condition="$item.isShow == 1">
                    <li onclick="jump('{$item.name}')">
                        <div style="background-image:url({$item.imgUrl})">
                            <span>{$item.name}</span>
                        </div>
                    </li>
                </if>
            </foreach>
        </ul>
    </div>
    <script>
        $.util.cookie('employeeId', '{$id}');
        function jump(name){
            // let url = name
            var url = ''
            switch (name) {
                case '自提订单': url = '{$Think.config.SERVER_HOST}call.html?customerId={$customerId}&module=employeeManage&method=storeOrder&params=%7B%22id%22:{$storeId}%7D'
                    break;
                case '营销圈': url = '{$Think.config.RESOURCEURL}spa/index.html#/quan?customerId={$customerId}&scope=60&' + 'params=%7B%22qId%22%3A{$qId},%22community%22%3A1%7D'
                    break;
                case '订单管理': url = '{$Think.config.RESOURCEURL}spa/index.html#/quan/orderManage?customerId={$customerId}&params='+'%7B%22qId%22:{$qId}%7D'
                    break;       
                case '客户管理': url = '{$Think.config.RESOURCEURL}spa/index.html#/quan/customerManager?customerId={$customerId}&params='+'%7B%22qId%22:{$qId}%7D'
                    break;                                 
            }
            // location.href = '{$Think.config.SERVER_HOST}call.html?customerId={$customerId}&module=employeeManage&method=storeOrder&params=%7B%22id%22:{$storeId}%7D';
            location.href = url        
        }
    </script>
<script>
    wx_share.init({
        "pkg":{
            "appId": '{$pkg.appId}',
            "timestamp": '{$pkg.timestamp}',
            "nonceStr": '{$pkg.nonceStr}',
            "signature": '{$pkg.signature}'
        },
        hide:1
    });
</script>
</body>
</html>